<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/banner.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/product_list_common.css">
    <link rel="stylesheet" href="./css/Product List Details.css">
</head>
<body>
    <!--这是导航栏区域开始 -->
      <!-- 这是 nav的上面区域 -->
      <div class="nav_top">
        <div class="nav_top_div wrapper">
            <span class="f1">欢迎来到HOUSE家居网！</span>
            <div class="fr nav_top_div_1">
                <i ></i>
                <span>400-00-000xxx </span>
                <i ></i>
                <span> 1234567xxx@gmail.com</span>
            </div>
        </div>
 </div>
 <!-- 这是nav的下面区域 -->
 <div class="nav_bottom">
  <div class="nav_bottom_div wrapper clearfix ">
  <h1 class="f1 clearfix"><img src="./images/logo.png" alt="加载失败" class="f1"></h1>
  <ul class="clearfix">
      <li><a href="">首页</a></li>
      <li><a href="">关于我们</a></li>
      <li><a href="">产品展示</a></li>
      <li><a href="">新闻动态</a></li>
      <li><a href="">在线留言</a></li>
      <li><a href="">联系我们</a></li>
      
  </ul>
</div>

</div>
 <!-- 这是导航栏区域结束 -->
 <!-- 这是banner区域开始 -->
 <div class="banner "  style="background-image:url(./images/banner5.jpg);height:310px">
   
</div>
<!-- 这是banner区域结束 -->

<!--这是产品详情的开始  -->
 <!-- 这是产品展示的上面 -->
 <div class="big_border">

       
    <div class="wrapper product_display_div1">
        <span>
            首页&gt;&gt;
            <a href="#">关于我们</a>
        </span>
        
    </div>
 </div>
 <!-- 这是产品展示上面上面的结束 -->
<!-- 这是产品展示的下面 -->
<div class="big_border1">

 <div class="wrapper product_display_div2  clearfix">
  <h2 class="font_size">产品展示</h2>
  <div class="product_display_div2_content1 f1">
    <ul class="product_display_div2_content1_ul1">
        <li>床上用品</li>
        <li>家居装饰</li>
        <li>居家日用</li>
        <li>家具收纳</li>
        <li>厨房收纳</li>
        <li>厨房餐饮</li>
    </ul>
    <img src="./images/02_wqpl.jpg" alt="">
  </div>

    <div class="product_display_div2_content2 fr">
           <div class="product_display_div2_content2_top ">
           
            
                  <img src="./images/pro1.png" alt="">
                  <div class="fr">
                  <p >实木照片墙创意绿色小鸟贴强</p>
                  <p >价格:<span>400.00</span></p>
                </div>
               
                <p>实木照片墙创意绿色小鸟贴强</p>
           </div>
       <!-- 这是右边的最下面区域 -->
       <div class="product_display_div2_content2_bottom">
         <p> 简单大方的英图案来装点玻璃或墙角，别致且端正！产品规格：60*30cm，张数：
          （30*30 1张 30*60 1张），建议粘贴尺寸：0.58*0.73m 品牌简介 100%出口转向国内销售，并希望将高质量产品低价在国内平台上架，
          并将根据国内市场推出全新设计。请参考网站附件图片 北京布朗科技有限公司多年专注于各种墙饰产品的研发，设计与生产，旗下推出AMON艾
          蒙品牌系列产品----艾蒙印像、艾蒙色彩，艾蒙乐趣。 布朗公司旗下品牌的材料由青岛布朗工艺制品公司用1年的时间研发而成，具有以下特点：
           1.通过法国 BV 测试 以及 SGS 测试，含铅总量低于 200PPM。 【欧洲标准为含铅总量低于 1000PPM】 2.背胶具有真正的可移除性能，真正做到不破坏墙面，
          并可再贴。 布朗公司旗下所有品牌的胶水，均为布朗公司与日本公司共同研发的独家专利产品。 【此产品是根据美国墙面的测试结果，对中国乳胶漆墙面进行实验，
          也完全不破坏墙面。） 3.转移膜转移性能良好，不留任何残胶，随温度变化粘着力性能变化小。 4.具有独特的胶面导气槽,在粘贴的时候可轻松排除贴纸与墙面间的气泡
          ，也不会在黏贴到墙面长时间后因为温度变化而产生气泡。 5.本产品无气味，完全环保，而且底纸（离型纸）不会因受潮而卷曲。 包装清单 产品使用说明,刮卡 
          使用说明 注意事项： 1. 广告PVC材料是有损健康的！不可作为墙贴室内使用。</p>
       <p>
         上一个:<span>无</span>
       </p>
       <p>
         下一个:<span>全锐18框实木照片墙创意相片墙</span>
       </p>
       </div>

    </div>
 
</div>
</div>

<!-- 这是产品详情的结束 -->
   <!-- 这是footer区域开始 -->

   <div class="footer" style="margin-top:100px ;">
    <div class="wrapper  clearfix">
        <div class="footer_div1 f1">
            <P><img src="./images/logo2.jpg" alt=""></P>
            <p><i></i>
              中国上海市xxx区xxx路12号moumou大厦5层5xx室</p>
            <p><i></i>
              400-000-xxxx   /  (021)-1234578xxx
          </p>
            <p><i></i>
              12385963xxxx@gmail.com
          </p>
       </div>

        <div class="footer_div2  f1 ">
            <h2>快速链接</h2>
            <ul>
            <li class="f1">&gt;网站首页  </li>
            <li class="fr">&gt;关于我们  </li>
            <li class="f1">&gt;产品展示</li>
            <li class="fr">&gt;新闻动态</li>
            <li class="f1">&gt;在线留言 </li>
            <li class="fr">&gt;联系我们</li>
          </ul>
        </div>
        <div class="footer_div3 f1" >
            <h2>站内搜索</h2>
            <form action="#" method="GET" class="clearfix">
                <input type="text " class="f1" placeholder="请输入关键词"> <button class="f1">登录</button>
                
            </form>
            <p>关注我们<i></i><i></i></p>
        </div>
       
    </div>
    <p> Copyright &copy; 2009-2011,www.xxxxxx.com,All rights reserved  沪ICP备XXXXXX号 未经同意，不得转载</p>
</div>
  <!-- 这是footer区域结束 -->
</body>
</html>